<template>
  <el-button type="primary" @click="open">打开</el-button>
  <dragDialog v-if="dialogVisible" dialogTitle="拖曳弹框" :isNeedFullscreen="true" :dialogClass="typeDialog"
    modelClass="modelClass" contentClass="contentClass" @close="close">
    <template #content>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
      <div class="h-40px">111</div>
    </template>
  </dragDialog>
</template>

<script setup lang='ts'>
import { ref } from 'vue'
// import { getTableColumnList } from "./tableColumns.ts";
// import { dayjs } from "element-plus";


let type = {
  general: 'general'
}
let typeDialog = type['general'] // 弹框类名
let dialogVisible = ref(false); // 弹窗显示
// 打开弹框
const open = () => {
  dialogVisible.value = true
}
// 关闭弹框
const close = () => {
  dialogVisible.value = false
}
</script>

<style lang="scss" scoped>
// dialogClass类名自定义弹框样式
// .general {
//   background-color: red;
// }

// contentClass类名自定义弹框样式
// .contentClass {
//   background-color: red;
// }
</style>